/*

This file contains tests for CSS Grid Layout (level 1)
Method of using a grid concept to lay out content, providing a mechanism for authors to divide available space for layout into columns and rows using a set of predictable sizing behaviors. Includes support for all `grid-*` properties and the `fr` unit.

See: https://caniuse.com/css-grid

*/

/*
expect:
css-grid: 16
*/

.test {
  display: grid;
  grid: 1fr 1fr / 1fr 1fr;
  grid-area: 1 / 1 / 2 / 2;
  grid-auto-columns: 1fr;

  grid-auto-flow: row;
  grid-auto-rows: 1fr;
  grid-column: 1 / 2;
  grid-column-end: 2;

  grid-column-start: 1;
  grid-row: 1 / 2;
  grid-row-end: 2;
  grid-row-start: 1;

  grid-template: 1fr 1fr / 1fr 1fr;
  grid-template-areas: "a a" "b b";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}
